@import "../../wxss/base/_base";
@import "../../wxss/global.scss";

page{background: #f5f5f5;}
.spacing{margin-top: 12rpx;}


.swiper-wrap{
	swiper{height: 500rpx;
		.slide-image{width: 100%;height: 500rpx;}
	}
	&.type-a{padding: 0 20rpx;border-radius: 10rpx;
		swiper{height: 280rpx;
			.slide-image{width: 100%;height: 226rpx;border-radius: 10rpx;}
		}
	}
	&.type-b{padding: 0 20rpx;border-radius: 10rpx;position: relative;
		swiper{height: 355rpx;
			.slide-image{width: 100%;height: 300rpx;border-radius: 10rpx;}
		}
		.swiper-info{position: absolute;right: 40rpx;bottom: 80rpx;text-align: right;
			.tt{font-size: 28rpx;color: #fff;}
			.txt{font-size: 24rpx;color: rgba(255,255,255,.5);padding-top: 10rpx;}
		}
	}	
}

.box-z{background: #fff;
	.box-hd{@include flex-box;color: #666;font-size: 32rpx;padding: 28rpx 23rpx;
		.lt{@include flex;@include f-bold;}
		.rt{color: #999;font-size: 24rpx;
			.more{position: relative;padding-right: 30rpx;
				&::before{@include triangle-right($size:8rpx,$color:#999);position: absolute;right: 10rpx;}
			}
		}
	}
}

.slide-box-wrap{overflow: hidden;padding-bottom: 30rpx;}
.slide-list{@include flex-box;padding: 0 20rpx;
	.slide-item{text-align: center;	
		.pic{width: 100%; border-radius: 10rpx;}
		.txt{font-size: 26rpx;color: #a3a3a3;padding-top: 28rpx;}
	}
	&.type-a{
		.slide-item{width: 280rpx;
			& + .slide-item{margin-left: 18rpx;}
			.pic{height: 200rpx;}
		}
	}
	&.type-b{
		.slide-item{width: 200rpx;
			& + .slide-item{margin-left: 15rpx;}
			.pic{height: 160rpx;}
		}
	}	
}


.box-y{background: #fff;padding: 10rpx 0;
	.box-hd{padding: 20rpx 20rpx 10rpx;
		.tt{font-size: 32rpx;color: #666;@include f-bold;}
	}

}

.box-y-sub{padding-bottom: 10rpx;
	.sub-tt{font-size: 24rpx;color: #a3a3a3;padding: 20rpx;}
}

.pic-show-box-f{@include flex-box;padding: 0 20rpx 18rpx;
	.pic-item{@include flex;border-radius: 20rpx;
		& + .pic-item{margin-left: 15rpx;}
		.pic{border-radius: 20rpx;width: 100%;height: 190rpx;}
	}
}